body {
background-color: #212121;
}

.body{
  height:720px;
  width:85%;
    background-image: linear-gradient(to bottom right, #fafcff, #959696);
    border-style:outset;
    border-color:#828282;
      margin: auto;
      box-shadow: 1px 16px 19px 30px #a6a6a6;
      border-width:10px;

}

.nav-bar{
     background-image: linear-gradient(to bottom, #292928, #5e5e5e);
     border-radius:10px;
     height:100px;
     width:1440px;
     position:relative;
     top:-15px;
     left:-10px;
     margin:auto;
     align-self:flex-start;
     border-style:solid;
     border-color:black;
     border-width:3px;
}
.grid-1{
  display: grid;
  grid-template-columns: 12px 12px 12px;
grid-template-rows: 12px 12px 12px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}